<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/8/30 0030
  Time: 19:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link rel="stylesheet" type="text/css" href="/css/wodedingdan.css"/>
    <script src="/js/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/js/wodedingdan.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="div">
    <!--头-->
    <div id="head">
        <div id="title">
        <span id="logo"><a href="/kfRoom/kfRoomyd#shouyebufen">王府井永光酒店</a></span>
        <span class="dh"><a href="/kfRoom/kfRoomyd#shouyebufen">首页</a></span>
        <span class="dh"><a href="/kfRoom/kfRoomyd#fangjianyuding">房间预定</a></span>
        <span class="dh"><a href="/kfRoom/kfRoomyd#jiudianxiangqing">酒店详情</a></span>
        <span class="dh"><a href="/kfRoom/kfRoomyd#pingjia">评价</a></span>
        <span class="dh"><a href="/wodedingdan.jsp">我的订单</a></span>

        <span class="dh"><a href="/login.jsp">登录</a>
                <a href="/logout">注销</a>
            </span>
        <span class="dh">
                用户名：${userinfo.username}
            </span>
    </div>
    </div>
    <div id="headTS"></div>

    <div id="content">
        <!--左边列表-->
        <div id="left">
            <ul>
                <li class="wdxxx">我的信息</li>
                <li class="ddxxx">订单信息</li>
                <!--<li class="wdxiaoxix">我的消息</li>-->
                <li class="zhaqx">账户安全</li>
            </ul>
        </div>

        <!--右边内容-->
        <div id="right">
            <!--我的信息-->
            <div id="wdxx">
                <div class="right_title">
                    我的信息
                </div>
                <div id="wdxx_tp">
                    <div>我的头像</div>
                    <img src="/img/001.jpg" />
                </div>
                <table border="0" cellpadding="20px">
                    <tr>
                        <td>用户名：</td>
                        <td>zhangsan</td>
                    </tr>
                    <tr>
                        <td>昵称：</td>
                        <td>手可摘星辰</td>
                    </tr>
                    <tr>
                        <td>真实姓名：</td>
                        <td>张三</td>
                    </tr>
                    <tr>
                        <td>性别：</td>
                        <td>男</td>
                    </tr>
                    <tr>
                        <td>email：</td>
                        <td>1234567890@qq.com</td>
                    </tr>
                    <tr>
                        <td>电话号码：</td>
                        <td>12345678901</td>
                    </tr>
                </table>
            </div>

            <!--订单信息-->
            <div id="ddxx">
                <div class="right_title">
                    订单信息
                </div>
                <div id="ddxx_title">
                    <span class="ddxxxq ddxx_qbdd">全部订单</span>
                    <span class="ddxxxq ddxx_jxz">进行中</span>
                    <span class="ddxxxq ddxx_ycs">已超时</span>
                    <span class="ddxxxq ddxx_ddp">待点评</span>
                </div>
                <div class="ddxx_show ddxx_qbddx">
                    <div class="ddxx_xxxx">
                        <table cellpadding="10px">
                            <tr>
                                <td rowspan="3" class="ddxx_mingcheng">王府井永光酒店</td>
                                <td>2022年8月26日 15:10:20 —— 2022年8月27日 10:00:00</td>
                                <td class="ddxx_money">￥599</td>
                            </tr>
                            <tr>
                                <td>观潮景区临江路3号</td>
                                <td class="ddxx_jinxinzhong">进行中</td>
                            </tr>
                            <tr>
                                <td>入住人数：2人</td>
                                <!--<td><a href="" class="ddxx_dianp" >点评</a></td>-->
                            </tr>
                        </table>
                    </div>

                    <div class="ddxx_xxxx">
                        <table cellpadding="10px">
                            <tr>
                                <td rowspan="3" class="ddxx_mingcheng">王府井永光酒店</td>
                                <td>2022年8月26日 15:10:20 —— 2022年8月27日 10:00:00</td>
                                <td class="ddxx_money">￥599</td>
                            </tr>
                            <tr>
                                <td>观潮景区临江路3号</td>
                                <td class="ddxx_jinxinzhong" style="color: red;">已超时</td>
                            </tr>
                            <tr>
                                <td>入住人数：2人</td>
                                <!--<td><a href="" class="ddxx_dianp" >点评</a></td>-->
                            </tr>
                        </table>
                    </div>

                    <div class="ddxx_xxxx">
                        <table cellpadding="10px">
                            <tr>
                                <td rowspan="3" class="ddxx_mingcheng">王府井永光酒店</td>
                                <td>2022年8月26日 15:10:20 —— 2022年8月27日 10:00:00</td>
                                <td class="ddxx_money">￥599</td>
                            </tr>
                            <tr>
                                <td>观潮景区临江路3号</td>
                                <td class="ddxx_jinxinzhong">已完成</td>
                            </tr>
                            <tr>
                                <td>入住人数：2人</td>
                                <td><a href="" class="ddxx_dianp" >点评</a></td>
                            </tr>
                        </table>
                    </div>

                    <div id="ddxx_fenye">
                        <a href="">首页</a>
                        <a href="">上一页</a>
                        <a href="">1</a>
                        <a href="">2</a>
                        <a href="">3</a>
                        <a href="">下一页</a>
                        <a href="">尾页</a>
                        <span>1/3页</span>
                        <span>共34条</span>
                    </div>

                </div>
            </div>

            <!--我的消息-->
            <div id="wdxiaoxi">
                <div class="right_title">
                    我的消息
                </div>
            </div>

            <!--账户安全-->
            <div id="zhaq">
                <div class="right_title">
                    账户安全
                </div>
                <div class="zhaq_content">
                    <div class="zhaq_content_img">
                        <img src="/img/gougou.png"/>
                    </div>
                    <div class="zhaq_content_grxx">个人信息</div>
                    <span class="zhaq_content_ct">修改个人信息不包括修改密码、手机号、邮箱</span>
                    <span class="zhaq_grxx_xiugai"><a href="">修改</a></span>
                </div>
                <div class="zhaq_content">
                    <div class="zhaq_content_img">
                        <img src="img/gougou.png"/>
                    </div>
                    <div class="zhaq_content_grxx">登录密码</div>
                    <span class="zhaq_content_ct">建议定期更换</span>
                    <span class="zhaq_denglumima"><a href="">修改</a></span>
                </div>
                <div class="zhaq_content">
                    <div class="zhaq_content_img">
                        <img src="img/gougou.png"/>
                    </div>
                    <div class="zhaq_content_grxx">绑定邮箱</div>
                    <span class="zhaq_content_ct">绑定邮箱后可以根据邮箱进行找回密码</span>
                    <span class="yx_shouji"><a href="">修改</a></span>
                </div>
                <div class="zhaq_content">
                    <div class="zhaq_content_img">
                        <img src="img/gougou.png"/>
                    </div>
                    <div class="zhaq_content_grxx">绑定手机</div>
                    <span class="zhaq_content_ct">绑定手机号后可以根据手机号找回密码</span>
                    <span class="yx_shouji"><a href="">修改</a></span>
                </div>
            </div>
        </div>

    </div>

    <!--页脚-->
    <div id="" style="margin-top: 100px;">
        <img src="img/yejiao2.png"/>
    </div>
</div>
</body>
</html>
